<template>
  <span :class="'iconfont '+` ${fontClass}`" ></span>
</template>

<script setup lang="ts">
import { computed, defineProps } from "vue";

const props = defineProps({
  icon: {
    type: String,
    required: true,
  },
});
const fontClass = computed(() => {
  return props.icon;
});
</script>

<style scoped lang="scss">
.iconfont {
  color: $themeColor;
  font-size: 26px;
}
</style>